<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>circle-menu</title>
    <link rel="stylesheet" type="text/css" href="css/iconfont2.css"/>
    <link rel="stylesheet" type="text/css" href="css/购物车.css"/>

</head>
<body>
<div class="circle-menu-box">
    <input type="checkbox" id="menuControl" class="circle-menu-control" hidden="hidden"/>
    <label for="menuControl" class="menu-lable"></label>
    <div class="circle-menu">
        <div class="menu-box menu-01">
            <div id="zan" class="menu">
                <span class="iconfont icon-shoucang"></span>
            </div>
            <div id="licke" class="menu">
                <span class="iconfont icon-pinglun"></span>
            </div>
        </div>
        <div class="menu-box menu-02">
            <div id="denglu" class="menu">
                <span class="iconfont icon-caidan"></span>
            </div>
            <div id="home" class="menu">
                <span class="iconfont icon-goumai"></span>
            </div>
        </div>
        <div class="menu-box menu-03">
            <div id="top" class="menu">
                <span class="iconfont icon-xihuan"></span>
            </div>
            <div id="good" class="menu">
                <span class="iconfont icon-dianzan1"></span>
            </div>
        </div>
    </div>
</div>
</body>
</html>
